﻿body{margin:0;padding:0;color: #000000;font-family: Verdana,Arial,Helvetica,sans-serif;font-size:12px;overflow: hidden;}
.hidden { display: none; }
.unhidden { display: block; }
a{text-decoration:none;}
element.style {cursor: pointer;}
.hide{display:none;}
.all{min-width:1100px;width:100%;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.line{border-bottom: 1px solid #CCCCCC;
    clear: both;
    height: 5px;
    margin: auto;width: 99%;
    z-index: 0;}
.classThongBao{color:Red;text-align:center;font-size:14px !important;font-style:italic;}
.error{margin: 10px;padding-left: 22px;color:Red;}
.ErrorRow{color:Red;}
.AddNew{background-image: url("images/DXR.axd.png");background-position: -59px -124px;background-repeat: no-repeat;cursor: pointer;}
    
/* ********************Header */
#header{width:100%;height:30px;margin:0 0 10px 0;padding:0;position:absolute;}
#top-menu{height:24px;width:100%; padding:0; border-bottom: 1px solid #AACCEE;float:left !important;}
#top-menu ul{margin:0;padding:5px 10px;}
#top-menu li{padding: 0 10px 0 5px; display:inline-block;border-right: 1px solid #BBBFC4;}
#top-menu a:link, #top-menu a:visited, #top-menu a:hover, #top-menu a:active, #top-menu a:focus{font-size:11px;color: #0061af;}
#top-menu a:hover, #top-menu a:active, #top-menu a:focus{text-decoration: underline;}
#top-menu b{width:1px;background:none repeat scroll 0 0 #BBBFC4;}
.line-top-bottom{border-right: 1px solid #BBBFC4;}


#logo{float:left;text-align:left;}
#bottom-menu
{
    /*chorme and IE */
    background-image: -webkit-linear-gradient(bottom,#DCE1E7,#FFFCFC);
    background-image: -moz-linear-gradient(bottom,#DCE1E7,#FFFCFC);
    background-image: -ms-linear-gradient(bottom,#DCE1E7,#FFFCFC);
    background-image: -o-linear-gradient(bottom,#DCE1E7,#FFFCFC);
    background-image: linear-gradient(bottom,#DCE1E7,#FFFCFC);    
    background-color: #F8F8F8;
    
    background-image: -moz-linear-gradient(center bottom , #DCE1E7 0%, #FFFCFC 100%);
    border-top: 1px solid #BBBFC4;
    border-bottom: 1px solid #BBBFC4;
    float: left;    
    width: 100%;
    height:30px;
}


.container
{
    width:100%;min-height:500px;
    min-width:1000px;
    padding-top:10px;
    position:fixed;overflow: auto;
    bottom:0px;
    top:30px;
    /*-moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;*/
           }
    

#contentMain{width:100%;display:inherit;}
#contentMainUnder{width:100%;float:left;}
#content-left {width:170px;float:left;}
#content-right{width:auto;margin-left:170px;} 
.option{background: none repeat scroll 0 0 #F5F5F5;border: 1px solid #E5E5E5;}
.option .left{float:left;}
.option .right{float:right}

.menu{height:30px;width:90%;margin:0; padding-left:20px;}



#footer{border-top: 1px solid #CCCCCC;
    font-size: 11px;
    height: 50px;
    line-height: 17px;
    margin-top: 10px;
    padding: 10px 0 5px;
    text-align: center;
    width: 100%;
    background-image: -moz-linear-gradient(center bottom , #FFFFFF 0%, #E1E6EC 100%);}
    
    
    
    
    
    
    
    
    
    
    .hellochao b{
    
    animation-duration:5s;
animation-name:iconShake;
animation-iteration-count:infinite;
animation-direction:normal;

-moz-animation-duration:5s;
-moz-animation-name:iconShake;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;

-webkit-animation-duration:5s;
-webkit-animation-name:iconShake;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;

-ms-animation-duration:5s;
-ms-animation-name:iconShake;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
    
    background-color: #8EC300;
      border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-size: 10px;
    height: 17px;
    line-height: 17px;
    padding: 0 4px;

    }
    
    @keyframes iconShake{
	0%{transform:rotate(0deg)}
	5%{transform:rotate(15deg)}
	7.5%{transform:rotate(-15deg)}
	10%{transform:rotate(15deg)}
	12.5%{transform:rotate(-15deg)}
	15%{transform:rotate(15deg)}
	17.5%{transform:rotate(-15deg)}
	20%{transform:rotate(15deg)}
	22.5%{transform:rotate(-15deg)}
	25%{transform:rotate(0deg)}
	50%{transform:rotate(0deg)}
	100%{transform:rotate(0deg)}}
	
@-moz-keyframes iconShake{
	0{-moz-transform:rotate(0deg)}
	5%{-moz-transform:rotate(15deg)}
	7.5%{-moz-transform:rotate(-15deg)}
	10%{-moz-transform:rotate(15deg)}
	12.5%{-moz-transform:rotate(-15deg)}
	15%{-moz-transform:rotate(15deg)}
	17.5%{-moz-transform:rotate(-15deg)}
	20%{-moz-transform:rotate(15deg)}
	22.5%{-moz-transform:rotate(-15deg)}
	25%{-moz-transform:rotate(0deg)}
	50%{-moz-transform:rotate(0deg)}
	100%{-moz-transform:rotate(0deg)}}
	
@-webkit-keyframes iconShake{
	0%{-webkit-transform:rotate(0deg)}
	5%{-webkit-transform:rotate(15deg)}
	7.5%{-webkit-transform:rotate(-15deg)}
	10%{-webkit-transform:rotate(15deg)}
	12.5%{-webkit-transform:rotate(-15deg)}
	15%{-webkit-transform:rotate(15deg)}
	17.5%{-webkit-transform:rotate(-15deg)}
	20%{-webkit-transform:rotate(15deg)}
	22.5%{-webkit-transform:rotate(-15deg)}
	25%{-webkit-transform:rotate(0deg)}
	50%{-webkit-transform:rotate(0deg)}
	100%{-webkit-transform:rotate(0deg)}
	}
	
@-ms-keyframes iconShake{
	0%{-ms-transform:rotate(0deg)}
	5%{-ms-transform:rotate(15deg)}
	7.5%{-ms-transform:rotate(-15deg)}
	10%{-ms-transform:rotate(15deg)}
	12.5%{-ms-transform:rotate(-15deg)}
	15%{-ms-transform:rotate(15deg)}
	17.5%{-ms-transform:rotate(-15deg)}
	20%{-ms-transform:rotate(15deg)}
	22.5%{-ms-transform:rotate(-15deg)}
	25%{-ms-transform:rotate(0deg)}
	50%{-ms-transform:rotate(0deg)}
	100%{-ms-transform:rotate(0deg)}}
